<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8" />
    <title>Editor - 写博客</title>
    <link rel="stylesheet" href="/static/editor.md/examples/css/style.css" />
    <link rel="stylesheet" href="/static/editor.md/css/editormd.css" />
    <link rel="shortcut icon" href="/static/pic/public/logo.png" type="image/x-icon" />
    <link rel="stylesheet" href="/static/tagsinput/dist/bootstrap-tagsinput.css">
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/markdown.css">
</head>
<body>
<div id="layout">
    <form action="{:url('markup')}" class="fm" method="post" onsubmit="return false;">
        {:token()}
    <div class="layout__panel layout__panel--articletitle-bar" style="width: 100%; height: 56px; overflow: inherit;">
        <div class="article-bar flex flex--row">
            <div class="article-bar__input-box">
                <input maxlength="100" placeholder="输入文章标题" type="text" name="title" id="title" class="article-bar__title article-bar__title--input text-input article-bar__title--focus">
            </div>
            <div class="article-bar__input-box">
                <input type="text" id="targs" name="tags"   class="article-bar__title article-bar__title--input text-input article-bar__title--focus" placeholder="选择标签,再次点击关闭选择栏">
            </div>
            <div class="techTags panel panel-default techTags-panel">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" jq-data="topbar_1" class="active"><a href="javascript:;" aria-controls="type" role="tab" data-toggle="tab" aria-expanded="true">开发语言</a>
                    </li>
                    <li role="presentation" jq-data="topbar_2"><a href="javascript:;" aria-controls="type" role="tab" data-toggle="tab" aria-expanded="false">平台框架</a>
                    </li>
                    <li role="presentation" jq-data="topbar_3"><a href="javascript:;" aria-controls="type" role="tab" data-toggle="tab" aria-expanded="false">服务器</a>
                    </li>
                    <li role="presentation" jq-data="topbar_4"><a href="javascript:;" aria-controls="type" role="tab" data-toggle="tab" aria-expanded="false">数据库和缓存</a>
                    </li>
                    <li role="presentation" jq-data="topbar_5"><a href="javascript:;" aria-controls="type" role="tab" data-toggle="tab" aria-expanded="false">开发工具</a>
                    </li>
                    <li role="presentation" jq-data="topbar_6"><a href="javascript:;" aria-controls="type" role="tab" data-toggle="tab" aria-expanded="false">系统设备</a>
                    </li>
                    <li role="presentation" jq-data="topbar_7"><a href="javascript:;" aria-controls="type" role="tab" data-toggle="tab" aria-expanded="false">其它</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane bar-con_1 active" id="开发语言">
                        <ul class="taglist--inline">
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089436&quot;,&quot;name&quot;:&quot;javascript&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    javascript
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089387&quot;,&quot;name&quot;:&quot;php&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    php
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089434&quot;,&quot;name&quot;:&quot;css&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    css
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089571&quot;,&quot;name&quot;:&quot;html&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    html
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089449&quot;,&quot;name&quot;:&quot;java&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/868\/271\/868271510-54cb382abb7a1_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/868/271/868271510-54cb382abb7a1_small">
                                    java
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/102\/500\/1025005915-54cb538538eea_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/102/500/1025005915-54cb538538eea_small">
                                    html5
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089918&quot;,&quot;name&quot;:&quot;node.js&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    node.js
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089534&quot;,&quot;name&quot;:&quot;python&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/252\/177\/2521771040-54cb53b372821_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/252/177/2521771040-54cb53b372821_small">
                                    python
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089741&quot;,&quot;name&quot;:&quot;c++&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    c++
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089457&quot;,&quot;name&quot;:&quot;c&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    c
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090203&quot;,&quot;name&quot;:&quot;golang&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    golang
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090209&quot;,&quot;name&quot;:&quot;objective-c&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    objective-c
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089669&quot;,&quot;name&quot;:&quot;shell&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    shell
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000365394&quot;,&quot;name&quot;:&quot;typescript&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    typescript
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000531223&quot;,&quot;name&quot;:&quot;swift&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    swift
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089581&quot;,&quot;name&quot;:&quot;c#&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    c#
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089699&quot;,&quot;name&quot;:&quot;ruby&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/336\/760\/3367608758-54cb53ca5a132_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/336/760/3367608758-54cb53ca5a132_small">
                                    ruby
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089686&quot;,&quot;name&quot;:&quot;bash&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    bash
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000091262&quot;,&quot;name&quot;:&quot;sass&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    sass
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090433&quot;,&quot;name&quot;:&quot;asp.net&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    asp.net
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090600&quot;,&quot;name&quot;:&quot;less&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    less
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090208&quot;,&quot;name&quot;:&quot;lua&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    lua
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090228&quot;,&quot;name&quot;:&quot;scala&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    scala
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000161068&quot;,&quot;name&quot;:&quot;coffeescript&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    coffeescript
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090194&quot;,&quot;name&quot;:&quot;actionscript&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    actionscript
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090201&quot;,&quot;name&quot;:&quot;erlang&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    erlang
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089698&quot;,&quot;name&quot;:&quot;perl&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    perl
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000311191&quot;,&quot;name&quot;:&quot;rust&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    rust
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane bar-con_2" id="平台框架">
                        <ul class="taglist--inline">
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000196640&quot;,&quot;name&quot;:&quot;laravel&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    laravel
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090103&quot;,&quot;name&quot;:&quot;spring&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    spring
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089564&quot;,&quot;name&quot;:&quot;django&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    django
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000166256&quot;,&quot;name&quot;:&quot;express&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    express
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000125263&quot;,&quot;name&quot;:&quot;flask&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    flask
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090398&quot;,&quot;name&quot;:&quot;yii&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    yii
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089646&quot;,&quot;name&quot;:&quot;ruby-on-rails&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    ruby-on-rails
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000116331&quot;,&quot;name&quot;:&quot;tornado&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    tornado
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089638&quot;,&quot;name&quot;:&quot;struts&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    struts
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane bar-con_3" id="服务器">
                        <ul class="taglist--inline">
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089392&quot;,&quot;name&quot;:&quot;linux&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    linux
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090145&quot;,&quot;name&quot;:&quot;nginx&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    nginx
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000366352&quot;,&quot;name&quot;:&quot;docker&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    docker
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089761&quot;,&quot;name&quot;:&quot;apache&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    apache
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090245&quot;,&quot;name&quot;:&quot;ubuntu&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/335\/109\/3351090335-569f0f26a2a86_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/335/109/3351090335-569f0f26a2a86_small">
                                    ubuntu
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090249&quot;,&quot;name&quot;:&quot;centos&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    centos
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090117&quot;,&quot;name&quot;:&quot;tomcat&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    tomcat
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090401&quot;,&quot;name&quot;:&quot;\u7f13\u5b58&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    缓存
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090107&quot;,&quot;name&quot;:&quot;\u8d1f\u8f7d\u5747\u8861&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    负载均衡
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090646&quot;,&quot;name&quot;:&quot;unix&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    unix
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089648&quot;,&quot;name&quot;:&quot;hadoop&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    hadoop
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090609&quot;,&quot;name&quot;:&quot;windows-server&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    windows-server
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane  bar-con_4" id="数据库和缓存">
                        <ul class="taglist--inline">
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089439&quot;,&quot;name&quot;:&quot;mysql&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/949\/844\/9498447-54cb56e325a72_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/949/844/9498447-54cb56e325a72_small">
                                    mysql
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089431&quot;,&quot;name&quot;:&quot;redis&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    redis
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090049&quot;,&quot;name&quot;:&quot;sql&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    sql
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089488&quot;,&quot;name&quot;:&quot;mongodb&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/183\/816\/1838168166-54cb5552ef5de_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/183/816/1838168166-54cb5552ef5de_small">
                                    mongodb
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090701&quot;,&quot;name&quot;:&quot;oracle&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    oracle
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089432&quot;,&quot;name&quot;:&quot;nosql&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    nosql
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089873&quot;,&quot;name&quot;:&quot;memcached&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    memcached
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090424&quot;,&quot;name&quot;:&quot;sqlserver&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    sqlserver
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090861&quot;,&quot;name&quot;:&quot;postgresql&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    postgresql
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090354&quot;,&quot;name&quot;:&quot;sqlite&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    sqlite
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane  bar-con_5" id="开发工具">
                        <ul class="taglist--inline">
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089459&quot;,&quot;name&quot;:&quot;git&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    git
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000091226&quot;,&quot;name&quot;:&quot;github&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    github
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089467&quot;,&quot;name&quot;:&quot;vim&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    vim
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000126097&quot;,&quot;name&quot;:&quot;sublime-text&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    sublime-text
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002720957&quot;,&quot;name&quot;:&quot;visual-studio-code&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    visual-studio-code
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089579&quot;,&quot;name&quot;:&quot;xcode&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    xcode
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090560&quot;,&quot;name&quot;:&quot;intellij-idea&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    intellij-idea
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089509&quot;,&quot;name&quot;:&quot;eclipse&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    eclipse
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090186&quot;,&quot;name&quot;:&quot;maven&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    maven
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089447&quot;,&quot;name&quot;:&quot;svn&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    svn
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090473&quot;,&quot;name&quot;:&quot;ide&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    ide
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090524&quot;,&quot;name&quot;:&quot;atom&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    atom
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090231&quot;,&quot;name&quot;:&quot;visual-studio&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    visual-studio
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090216&quot;,&quot;name&quot;:&quot;emacs&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    emacs
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000183694&quot;,&quot;name&quot;:&quot;hg&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    hg
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089663&quot;,&quot;name&quot;:&quot;textmate&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    textmate
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane  bar-con_6" id="系统设备">
                        <ul class="taglist--inline">
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089658&quot;,&quot;name&quot;:&quot;android&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/287\/281\/287281599-5a263edae47e9_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/287/281/287281599-5a263edae47e9_small">
                                    android
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089442&quot;,&quot;name&quot;:&quot;ios&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/300\/191\/3001919899-5488009eb028c_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/300/191/3001919899-5488009eb028c_small">
                                    ios
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089407&quot;,&quot;name&quot;:&quot;chrome&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/281\/209\/2812096638-54cb55083b2cc_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/281/209/2812096638-54cb55083b2cc_small">
                                    chrome
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089709&quot;,&quot;name&quot;:&quot;windows&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    windows
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089498&quot;,&quot;name&quot;:&quot;iphone&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    iphone
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090217&quot;,&quot;name&quot;:&quot;firefox&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/334\/705\/334705769-54cb552688a94_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/334/705/334705769-54cb552688a94_small">
                                    firefox
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000125504&quot;,&quot;name&quot;:&quot;internet-explorer&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    internet-explorer
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089499&quot;,&quot;name&quot;:&quot;safari&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    safari
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090638&quot;,&quot;name&quot;:&quot;ipad&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    ipad
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090218&quot;,&quot;name&quot;:&quot;opera&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    opera
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002871462&quot;,&quot;name&quot;:&quot;apple-watch&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    apple-watch
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane  bar-con_7" id="其它">
                        <ul class="taglist--inline">
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000089409&quot;,&quot;name&quot;:&quot;html5&quot;,&quot;iconUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/102\/500\/1025005915-54cb538538eea_small&quot;}" href="javascript: void(0);">
                                    <img src="https://avatar-static.segmentfault.com/102/500/1025005915-54cb538538eea_small">
                                    html5
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000002893277&quot;,&quot;name&quot;:&quot;react.js&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    react.js
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090137&quot;,&quot;name&quot;:&quot;\u641c\u7d22\u5f15\u64ce&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    搜索引擎
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000123810&quot;,&quot;name&quot;:&quot;virtualenv&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    virtualenv
                                </a>
                            </li>
                            <li class="mb5">
                                <a class="tag" data-tag="{&quot;id&quot;:&quot;1040000000090316&quot;,&quot;name&quot;:&quot;lucene&quot;,&quot;iconUrl&quot;:&quot;&quot;}" href="javascript: void(0);">
                                    lucene
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="article-bar__user-box flex flex--row">
                <button id="upload" class="btn btn-publish">发布文章</button>
                <div class="user-box"><div class="btn-userinfo">
                    <div id="user-img" class="avatar-box">
                        <a href="#">
                            <img src="/static/pic/login/201.jpeg" alt="" width="32" height="32" class="img-user-avatar">
                        </a>
                        <div class="user-option-box">
                            <a href="#">博文管理</a>
                            <a href="#">我的博客</a>
                            <a href="#">退出</a>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
    <div id="test-editormd">
        <textarea class="editormd-html-textarea" name="blog"></textarea>
    </div>
    </form>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="/static/tagsinput/dist/bootstrap-tagsinput.min.js"></script>
<script src="/static/editor.md/editormd.min.js"></script>
<script src="/static/js/markdown/markdown.min.js"></script>
<script>


</script>
<script type="text/javascript">
    var testEditor;

    $(function() {

        $.get('/static/editor.md/examples/test.md', function(md){
            testEditor = editormd("test-editormd", {
                width: "100%",
                height: 740,
                path : '/static/editor.md/lib/',
                theme : "dark",
                previewTheme : "dark",
                editorTheme : "pastel-on-dark",
                markdown : md,
                codeFold : true,
                //syncScrolling : false,
                saveHTMLToTextarea : true,    // 保存 HTML 到 Textarea
                searchReplace : true,
                //watch : false,                // 关闭实时预览
                htmlDecode : "style,script,iframe|on*",            // 开启 HTML 标签解析，为了安全性，默认不开启
                //toolbar  : false,             //关闭工具栏
                //previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮，默认开启
                emoji : true,
                taskList : true,
                tocm            : true,         // Using [TOCM]
                tex : true,                   // 开启科学公式TeX语言支持，默认关闭
                flowChart : true,             // 开启流程图支持，默认关闭
                sequenceDiagram : true,       // 开启时序/序列图支持，默认关闭,
                //dialogLockScreen : false,   // 设置弹出层对话框不锁屏，全局通用，默认为true
                //dialogShowMask : false,     // 设置弹出层对话框显示透明遮罩层，全局通用，默认为true
                //dialogDraggable : false,    // 设置弹出层对话框不可拖动，全局通用，默认为true
                //dialogMaskOpacity : 0.4,    // 设置透明遮罩层的透明度，全局通用，默认值为0.1
                //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色，全局通用，默认为#fff
                imageUpload : true,
                imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
                imageUploadURL : "{:url('article/img_up')}",    //文件提交请求路径
                onload : function() {
                    //console.log('onload', this);
//                    this.fullscreen();
//                    this.unwatch();
//                    this.watch().fullscreen();

                    //this.setMarkdown("#PHP");
//                    this.width("100%");
                    //this.height(650);
                    //this.resize("100%", 640);
                },
                onchange : function() {
//                    $("#output").html("onchange : this.id =>" + this.id + ", markdown =>" + this.getValue());
//                    console.log("onchange =>", this, this.id, this.settings, this.state);
                }
            });
        });

        $('#upload').click(function(){
            //var tags = $('#tags').val();
            var f = $('.fm').serialize();
            $.post("{:url('article/markup')}", f, function(res){console.log(res)
                if(res.code == 200){
                    location.href = "{:url('index')}";
                }
                if('token' in res) {
                    $('input[name=__token__]').val(res.token);
                }
                if('title' in res.msg){
                    alert(res.msg.title);
                }else if('tags' in res.msg){
                    alert(res.msg.tags);
                }else if('content' in res.msg){
                    alert(res.msg.content);
                }else if('__token__' in res.msg){
                    alert(res.msg.__token__);
                }
            });
        });

    });
</script>
</body>
</html>